<?php
require_once '../../session.php';
?>
<script type="text/javascript">
    $(document).ready(function() {
        $("#nombre").focus();
        getMarcas();
    });
    
    $("#agregarMarca").click(function() {
        var parametros = {
            "accion" :  "agregarMarca",
            "nombre" :  $("#nombre").val()
        };
        
        $.ajax({
            data:   parametros,
            url:    'controladores/marcaControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#resultado").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(respuesta) {
                $("#resultado").html(respuesta);
            }
        });
    });
    
    function getMarcas() {
        var parametros = {
            "accion" :  "getMarcas"
        };
        
        $.ajax({
            data:   parametros,
            url:    'controladores/marcaControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#marcasExistentes").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(respuesta) {
                $("#marcasExistentes").html(respuesta);
            }
        });
    }
    
    function editarLabelMarca(idMarca) {
        var parametros = {
            "accion" :  "editarLabelMarca",
            "idMarca" :   idMarca
        }
        $.ajax({
            data:   parametros,
            url:    'controladores/marcaControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#"+idMarca).html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(response) {
                $("#"+idMarca).html(response);
            }
        });
    }
    
    function guardarMarca(idMarca) {
        var parametros = {
            "accion" :  "guardarMarca",
            "idMarca" :   idMarca,
            "nombre" :  $("#label-"+idMarca).val()
        }
        $.ajax({
            data:   parametros,
            url:    'controladores/marcaControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#"+idMarca).html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(response) {
                $("#"+idMarca).html(response);
            }
        });
    }
    
    function eliminarMarca(idMarca) {
        var parametros = {
            "accion" :  "eliminarMarca",
            "idMarca" :   idMarca   
        };
        $.ajax({
            data:   parametros,
            url:    'controladores/marcaControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#marcasExistentes").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function() {
                getMarcas();
            }
        });
    }
    
</script>
<h4>Alta de Marcas</h4>
<p>
    <label>Nombre: </label>
    <input style="float: left;" type="text" name="nombre" id="nombre" maxlength="45" /> <div id="resultado"></div>
</p> 
<p style="clear: both;">
    <input type="button" class="btn btn-success" id="agregarMarca" value="Agregar" />
</p>
<br /><br />
<h4>Marcas Existentes</h4>
<p>
    <div id="marcasExistentes"></div>
</p>